<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>David Rodr&iacute;guez Condezo</title>
	
	<script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap-3.2.0.js"></script>

	<link href="css/bootstrap-3.2.0.css" rel="stylesheet">	
	<link href="css/bootstrap-theme-3.2.0.css" rel="stylesheet">
	<link href="css/offcanvas.css" rel="stylesheet">	
</head>
<body>

   <!-- INICIO DEL MENU PRINCIPAL -->
	<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
			<span class="icon-bar"></span>			
          </button>
          <a class="navbar-brand" href="index.php">Logo</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="ReservaNuevoCliente.jsp">Reserva de Cliente</a></li>
 

          </ul>
        </div><!-- /.nav-collapse -->
      </div><!-- /.container -->
    </div><!-- /.navbar -->
	<!-- FIN DEL MENU PRINCIPAL -->

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <h1>Registar Nuevo Cliente</h1>
        <p>Reservar una sala del Karaoke</p>
     
      </div>

      <!-- Example row of columns -->
      <div class="row">
	  

			
		   <div class="col-md-8" align="left">
		   <form class="form-horizontal well">
				<fieldset>
				  
					 <div class="control-group">
					  <label class="control-label" for="input01">Nombres</label>
					  <div class="controls">
						<input type="text" class="input-medium" id="txtnombre">
						
					  </div>
				  </div>
				  
				  <div class="control-group">
				 	 <label class="control-label" for="input01">Apellido Paterno</label>
					  <div class="controls">
						<input type="text" class="input-medium" id="txtPaterno">
						
					  </div>
				  </div>
				  
	
				<div class="control-group">
				 	 <label class="control-label" for="input01">Apellido Materno</label>
					  <div class="controls">
						<input type="text" class="input-medium" id="txtMaterno">
						
					  </div>
				  </div>
				
				
				<div class="control-group">
				 	 <label class="control-label" for="input01">Correo Electronico</label>
					  <div class="controls">
						<input type="text" class="input-medium" id="txtCorreo">
						
					  </div>
				  </div>
				  
				  
				<div class="control-group">
				 	 <label class="control-label" for="input01">Clave</label>
					  <div class="controls">
						<input type="text" class="input-medium" id="txtClave">
						
					  </div>
				  </div>
				  
				   
				<div class="control-group">
				 	 <label class="control-label" for="input01">Documento de Identidad</label>
					  <div class="controls">
						<input type="text" class="input-medium" id="txtDni">
						
					  </div>
				  </div>
				  
				  
				    
				<div class="control-group">
				 	 <label class="control-label" for="input01">Telefono </label>
					  <div class="controls">
						<input type="text" class="input-medium" id="txtTelefono">
						
					  </div>
				  </div>
				  
				  
				<div class="form-actions">
					<button type="submit" class="btn btn-primary">Crear</button>
					           
				</div>
				
			  </fieldset>
			  </form>
			  
		   </div>
        
      </div>

      <hr>
